<template>
	<view class="projectExperience">
		<view v-for="(item,index) in dataList" :key="index">
			<view class="experience">
				<view class="head">
					<view class="title">
						人民日报
					</view>
				</view>
				<view class="all">
					<view class="time">
						2018-10-22
						<span style="padding: 0 6rpx;">-</span>
						2019-08-01 北京
					</view>
					<view class="explain">
						因为公司小一人身兼数职
					</view>
					<view class="images">
						<view v-for="(item,index) in item.images" :key="index">
							<image src="../../static/logo.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:{
			dataList:{
				type:Array,
				default:()=>[{images:[1,2]},{images:[1,2,3,4]}]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.projectExperience{
		background-color: #dfe5ec;
		.experience {
			margin: 20rpx 0;
			padding: 20rpx 40rpx;
			background: #FFFFFF;
			
			.head {
				display: flex;
				padding: 0 20rpx;
				align-items: center;
		
				.title {
					margin-bottom: 6rpx;
				}
			}
		
			.all {
				padding: 0 20rpx;
				margin-bottom: 26rpx;
		
				.time {
					color: #6d6d6d;
					margin: 6rpx 0;
				}
		
				.explain {
					color: #6d6d6d;
					margin: 6rpx 0;
				}
		
				.images {
					display: flex;
					flex-wrap: wrap;
					image {
						margin-right: 40rpx;
						margin-bottom: 20rpx;
						width: 160rpx;
						height: 160rpx;
						border-radius: 20rpx;
					}
				}
			}
		}
	}
</style>
